<template>
  <div>
    <div>这是一个父组件</div>
    <ref-child ref="child"></ref-child>
  </div>
</template>
<script>
// ref 绑定在元素上，代表的是绑定这个元素，可以通过this.$refs 获取当前dom *
import RefChild from "@/components/RefChild/RefChild.vue"
export default {
  components: {
    RefChild
  },
  data() {
    return {

    }
  },
  mounted() {
    // ref 可以获取子组件的方法和变量
    // 场景： 同上
    console.log(this.$refs.child)
    console.log(this.$refs.child.isRef)
    console.log(this.$refs.child.refClick())
  }
}
</script>